/**
 * Created by Administrator on 2016/3/14.
 */
var curIndex = 0,  //当前index
    imgLen = $(".imgList li").length;  //图片总数
// 定时器自动变换2.5秒每次  一千为一秒
var autoChange = setInterval(function(){
    if(curIndex <  imgLen-1){
        curIndex ++;  //curIndex = 1;
        //alert(curIndex);
    }else{
        curIndex = 0;
    }
    //调用变换处理函数
    changeTo(curIndex); //curIndex=1;
},3500);

//左箭头滑入滑出事件处理
$("#prev").hover(function(){
    //滑入清除定时器
    clearInterval(autoChange);
},function(){
    //滑出则重置定时器
    autoChangeAgain();
});

//左箭头点击处理
$("#prev").click(function(){
    //根据curIndex进行上一个图片处理
    curIndex = (curIndex > 0) ? (--curIndex) : (imgLen - 1);
    changeTo(curIndex);
});

//右箭头滑入滑出事件处理
$("#next").hover(function(){
    //滑入清除定时器
    clearInterval(autoChange);
},function(){
    //滑出则重置定时器
    autoChangeAgain();
});

//右箭头点击处理
$("#next").click(function(){
    curIndex = (curIndex < imgLen - 1) ? (++curIndex) : 0;
    changeTo(curIndex);
});

//清除定时器时候的重置定时器--封装
function autoChangeAgain(){
    autoChange = setInterval(function(){
        if(curIndex < imgLen-1){
            curIndex ++;
        }else{
            curIndex = 0;
        }
        //调用变换处理函数
        changeTo(curIndex);
    },1000000);
}

function changeTo(num){
    var goLeft = num *  610; //400;
    $(".imgList").animate({left: "-" + goLeft + "px"},500); //方向是按整张图片的宽度进行方向便宜，500是动画的滑动总时间
    $(".infoList").find("li").removeClass("infoOn").eq(num).addClass("infoOn");
    $(".indexList").find("li").removeClass("indexOn").eq(num).addClass("indexOn");
}